<template>
  <div>
    <h2 class="title">{{message}}</h2>
    <button @click="btnClick">btn</button>
    <p>{{name}}</p>
    <cpn></cpn>
  </div>
</template>

<script>
import Cpn from './Cpn';

export default {
  name: "App",
  data() {
    return {
      message: "Hello Webpack + Vue",
      name: "Xmo"
    }
  },
  methods: {
    btnClick() {
      console.log("btn Clicked");
    }
  },
  components: {
    Cpn
  }
}

</script>
<style scoped>
  .title {
    color: greenyellow;
  }
</style>